import SwiftUI struct MapNotes: View { let mapSize: CGSize let lineWidth: CGFloat let notes: [Note] let maxWidth = 400.0 var body: some View { ForEach(notes, id: \.id) { note in Text(note.text.replacingOccurrences(of: "\\n", with: "\n")).font(.theme.note) .padding(2.0) .background(.white) .foregroundColor(.map.labelColor) .border(Color.map.vertexColor, width: lineWidth) .frame(minWidth: 16.0, maxWidth: maxWidth, alignment: .topLeading) .offset( CGSize( width: w(note.position.x), height: h(note.position.y) ) ) } } func h(_ dimension: CGFloat) -> CGFloat { max(0.0, min(mapSize.height, dimension * mapSize.height / 100.0)) } func w(_ dimension: CGFloat) -> CGFloat { max(0.0, min(mapSize.width, dimension * mapSize.width / 100.0)) } } #Preview { MapNotes( mapSize: CGSize(width: 400.0, height: 400.0), lineWidth: 1.0, notes: [ Note( id: 0, position: CGPoint(x: 50.0, y: 50.0), text: "Notes can have a lot more text, so we need to make sure that they're resized correctly") ]) }